@import '~scss/variables';

.wrapper {
  padding: 12px;
  border-radius: 4px;
  background-color: $lightest;
}

.content{
  display: flex;
  padding: 14px 20px;
  border-radius: 4px;
  border: solid 1px $light-color03;
  background-color: #ffffff;
}

.number {
  margin-right: 12px;
  min-width: 60px;
  font-family: $font-family-id;
  font-size: 52px;
  font-weight: $font-bold;
  line-height: 0.85;
  color: #79879c;
  text-align: center;
}

.text {
  p {
    color: #79879c;
  }

  strong {
    font-size: $size-normal;
    font-weight: $font-bold;
    color: #242e42;
  }
}

.control {
  margin-left: 12px;

  :global {
    .icon {
      display: block;
    }
  }
}
